/**
 *                  Created by luyon on 17/8/22.
 *
 *                         作品的一个小的盒子
 *
 *                          code : FilmBox
 */

"use strict";

//=============
// 引入程序依赖
//=============
import React, { Component } from "react" ;
import { connect } from "react-redux" ;
import { browserHistory } from "react-router" ;

//图片导入
import dianzang from "../../../../static/img/film/dianzang.png" ;
import pinglun from "../../../../static/img/film/pinlun.png" ;
import bofangliang from "../../../../static/img/film/bofanlan.png"
import geren from "../../../../static/img/film/geren-V.png"


class OtherFilmsBoxContainer extends Component{
    constructor(props){
        super(props) ;
    }
    turn2DetailPage(e){
        e.preventDefault() ;
        // browserHistory.push(`/App/FilmDetail/${this.props.filmId}`)
        browserHistory.push("/App/FilmDetail/"+this.props.filmId)
        location.reload();
    }
    render(){
        return(
                <li >
                    <img src={this.props.videoImgUrl} onClick={this.turn2DetailPage.bind(this)} alt="其他"/>
                    <p className="big">{this.props.title}</p>
                    <p className="small">{this.props.categoryName}</p>
                </li>

        )
    }
}

const OtherFilmsBox = connect()(OtherFilmsBoxContainer) ;

export { OtherFilmsBox as default } ;
